<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/common.css" rel="stylesheet" />

		<style>
			.mui-table-view{
			margin-top: 0px !important;
			}
			.mui-control-content {
				background-color: white;
				min-height: 760px;
			}
			#recommended-service{
				color: goldenrod;
				margin-top: 12px;
				padding-left: 12px;
				height: 32px;
				border-bottom: 1px solid rgba(200,200,200,0.2);
			}
			.mui-table-view-cell{
				/* height: 70px; */
				margin-bottom: 20px;
			}
			.apply-credit-tips{
				list-style: none;
			}
			.apply-credit-tips li{
				margin-bottom: 20px;
				margin-left: -10px;
			}
			.apply-credit-tips li:active{
				color: grey;
			}
			.apply-credit-tips li span{
				border-radius: 5%;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 15px;
				padding-right: 30px;
				font-size: 15px;
				background-color:rgba(200,200,200,0.2);
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left touch-action"></a>
			<h1 class="mui-title">借用卡申请</h1>
		</header>

		<div class="mui-content">
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div id="recommended-service">
								| 
								<span style="padding-top: 5px;">热门银行</span>
							</div>
							<ul class="mui-table-view item1ul mui-grid-view mui-grid-10">
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/zhongxin.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">中信银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/guangda.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">光大银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/xingye.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">兴业银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/pingan.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">中国平安</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/zhaoshang.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">招商银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/jiaotong.jpg" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">交通银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/minsheng.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">民生银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/shanghai.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">上海银行</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
									<a href="#" id="rapid_lending">
										<img src="../../imgs/credit/guangfa.png" style="width: 60px;height: 60px;border-radius: 50%;">
										<div class="mui-media-body">兴业银行</div>
									</a>
								</li>
							</ul>
							<div id="recommended-service">
								| 
								<span style="padding-top: 5px;">办卡常见问题</span>
							</div>
							<ul class="apply-credit-tips">
								<li><span>1.信用卡申请小窍门</span></li>
								<li><span>2.如何填写能快速审批通过</span></li>
								<li><span>3.怎样办理更大额度的信用卡</span></li>
								<li><span>4.申请信用卡填表怎么填</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="../../js/mui.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/common.js"></script>

		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				mui('.mui-scroll-wrapper').scroll({
					indicators: true //是否显示滚动条
				});
				
				var wrapper_height = mui('.mui-scroll-wrapper')[0].offsetHeight-20;
				mui('.mui-scroll-wrapper')[0].style.height = wrapper_height+'px';
			});
		</script>
	</body>

</html>
